﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>流程抄送列表</title>
    <link href="/WF/Scripts/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="/WF/Scripts/bootstrap/css/font-awesome.css" rel="stylesheet">
    <link href="/WF/Style/skin/css/style.css" rel="stylesheet" type="text/css" />
    <link href="/WF/Style/skin/css/animate.css" rel="stylesheet" type="text/css" />
    <script src="/WF/Scripts/bootstrap/js/jquery.min.js" type="text/javascript"></script>
    <script src="/WF/Scripts/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="/WF/Scripts/QueryString.js" type="text/javascript"></script>
    <script src="/WF/Scripts/config.js" type="text/javascript"></script>
    <script src="/WF/Comm/Gener.js" type="text/javascript"></script>
    <link href="/WF/Portal/layui/css/layui.css" rel="stylesheet" />
    <script src="/WF/Scripts/layui/layui/lay/modules/layer.js" type="text/javascript"></script>
    <script src="bar.js"></script>
    <script type="text/javascript" language="javascript">
        //打开默认窗口
        function WinOpenFull(url) {
            layer.open({
                skin: 'layer-class',
                type: 2,
                title: '抄送',
                area: ['96%', '90%'],
                content: url
            });
        }

        var fk_flow = GetQueryString("FK_Flow");
        //页面启动函数.
        $(function () {

            var handler = new HttpHandler("BP.Cloud.HttpHandler.App_OneFlow");
            handler.AddUrlData();
            var data = handler.DoMethodReturnString("CC_Init");

            if (data.indexOf('err@') == 0) {
                alert(data);
                return;
            }

            data = cceval('(' + data + ')');

            var num = 0;
            var is1 = false;
            var realCount = 0;
            var listbox=''
            //循环数组.
            for (var i = 0; i < data.length; i++) {

                var dt = data[i];

                if (dt.FK_Flow != fk_flow) {
                    continue;
                }

                realCount++;
                num++;

                 listbox += "<tr>";
                listbox += "<td>" + num + "</td>"; //序号.

                var url = "";
                batchUrl = './WFRpt.htm?FK_Flow=' + dt.FK_Flow + '&FK_Node=' + dt.FK_Node + '&WorkID=' + dt.WorkID + '&FID=' + dt.FID + "&CCSta=1";
                url = '../WF/WorkOpt/CCCheckNote.htm?WorkID=' + dt.WorkID + '&FK_Flow=' + dt.FK_Flow + '&FID=0&FK_Node=' + dt.FK_Node;

                listbox += "<td>" + dt.FlowName + "</td>"; //节点名称
                listbox += "<td>" + dt.NodeName + "</td>"; //节点名
                var sta = "";
                switch (dt.WFSta) {
                    case 0:
                        sta = "<font color=green>运行中</font>";
                        break;
                    case 1:
                        sta = "已完成"
                        break;
                    default:
                        sta = "其他";
                        break;
                }

                listbox += "<td>" + sta + "</td>";

                listbox += "<td>" + dt.Rec + "</td>";
                listbox += "<td><a    href=\"javascript:OpenFrm('" + dt.FK_Flow + "','" + dt.FK_Node + "','" + dt.WorkID + "','" + dt.FID + "','" + dt.Sta + "')\" >" + dt.Title + "</a></td>";
                listbox += "<td>" + dt.Doc + "</td>";

                listbox += "<td>" + dt.RDT + "</td>";
                listbox += "<td><a href=\"javascript:OpenTrack('" + dt.FK_Flow + "','" + dt.FK_Node + "','" + dt.WorkID + "','" + dt.FID + "','" + dt.CCSta + "')\" >轨迹</a></td>";

                listbox += "</tr>";
            }

            $("#Rows").html(listbox);

            return;
        });

        /* 打开表单. */
        function OpenFrm(flowNo, nodeID, workid, fid, sta) {
            var url = "./MyCC.htm?WorkID=" + workid + "&FK_Node=" + nodeID + "&FK_Flow=" + flowNo + "&FID=" + fid + "&CCSta=1";
            window.open(url);
            return;
        }

        //打开轨迹
        function OpenTrack(flowNo, nodeID, workID, fid, ccSta) {

            var batchUrl = './WFRpt.htm?FK_Flow=' + flowNo + '&FK_Node=' + nodeID + '&WorkID=' + workID + '&FID=' + fid + "&CCSta=1";

            WinOpenFull(batchUrl);
        }
        function GroupBarClick(groupName) {

            var alt = document.getElementById('Img' + groupName).alert;
            var sta = 'block';
            if (alt == 'Max') {
                sta = 'block';
                alt = 'Min';
                classname = 'fa fa-minus-square';
            } else {
                sta = 'none';
                alt = 'Max';
                classname = 'fa  fa-plus-square';
            }

            document.getElementById('Img' + groupName).className = classname;
            document.getElementById('Img' + groupName).alert = alt;

            var i = 0;
            for (i = 0; i <= 600; i++) {

                var row = document.getElementById(groupName + i);

                if (row == null || row == undefined || row.style == null)
                    continue;

                if (sta == 'block') {
                    row.style.display = '';
                } else {
                    row.style.display = sta;
                }
            }
        }
    </script>
</head>
<body class="gray-bg">
    <div class="layui-header" id="toolbar"></div>
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="ibox-content">
            <table id="Table1" class="table table-striped">
                <thead>
                    <tr>
                        <th> #</th>
                        <th> 流程 </th>
                        <th> 节点 </th>
                        <th> 状态 </th>
                        <th> 抄送人</th>
                        <th> 标题 </th>
                        <th> 内容 </th>
                        <th> 日期</th>
                        <th> 操作 </th>
                    </tr>
                </thead>
                <tbody id="Rows"></tbody>
            </table>
        </div>
    </div>
</body>
</html>
